﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Site.Master" AutoEventWireup="true" CodeBehind="KaartjesKiezen.aspx.cs" Inherits="Website.KaartjesKiezen" %>
<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="Content" runat="server">
    <script type="text/javascript">
        var adultcounter = 0;
        var childcounter = 0;
        var vijftigpluscounter = 0;
        var studentcounter = 0;
        var driedglassescounter = 0;        
    </script>
<div class="col1">
    <div class="allvideos_heading">
            	<h1>
                    <asp:Label ID="Label_Title" runat="server" Text="Kaartjes kiezen"></asp:Label></h1>
            </div>
            <div class="clear"></div>
            <div class="videodetail">

                <table class="style4">
            <tr>
                <td colspan="4" align="left" style="font-size: 20px; width: 400px; height: 80px;">
                    <p style="margin-top: -40px; margin-left: 3px;">Kies aantal kaartjes</p></td>
            </tr>
            <tr>
                <td class="style7" style="font-size: 20px; width: 400px;">
                    Volwassenen</td>
                <td class="style8">
                        <input type="button" onclick="if(adultcounter>0){adultcounter--;document.getElementById('<%=AdultCounter.ClientID%>').value = adultcounter;}<% if (driedfilm == true){ %>if(driedglassescounter>(studentcounter+vijftigpluscounter+childcounter+adultcounter)){driedglassescounter--;document.getElementById('<%=drieCounter.ClientID%>').value = driedglassescounter;}<% } %>if(studentcounter+vijftigpluscounter+childcounter+adultcounter<1){document.getElementById('<%=ButtonDirectKopen.ClientID%>').disabled = true;document.getElementById('<%=ButtonReserveren.ClientID%>').disabled = true;}" value="-" style="width: 50px; height: 43px; font-weight: bold; font-size: 20px;" />
                </td>
                <td class="style6">
                    <asp:TextBox ID="AdultCounter" runat="server" Text="0" style="width: 40px; height: 40px; text-align: center; font-size: 18px;"></asp:TextBox>
                </td>
                <td class="style5">
                        <input type="button" onclick="adultcounter++;document.getElementById('<%=AdultCounter.ClientID%>').value = adultcounter;<% if (driedfilm == true){ %>driedglassescounter++;document.getElementById('<%=drieCounter.ClientID%>').value = driedglassescounter;<% } %>document.getElementById('<%=ButtonDirectKopen.ClientID%>').disabled = false;document.getElementById('<%=ButtonReserveren.ClientID%>').disabled = false;" value="+" style="width: 50px; height: 43px; font-weight: bold; font-size: 20px;" />
                    <br />
                </td>
            </tr>
            <tr>
                <td class="style7" style="font-size: 20px; width: 400px;">
                    Kinderen</td>
                <td class="style8">
                        <input type="button" onclick="if(childcounter>0){childcounter--;document.getElementById('<%=ChildCounter.ClientID%>').value = childcounter;}<% if (driedfilm == true){ %>if(driedglassescounter>(studentcounter+vijftigpluscounter+childcounter+adultcounter)){driedglassescounter--;document.getElementById('<%=drieCounter.ClientID%>').value = driedglassescounter;}<% } %>if(studentcounter+vijftigpluscounter+childcounter+adultcounter<1){document.getElementById('<%=ButtonDirectKopen.ClientID%>').disabled = true;document.getElementById('<%=ButtonReserveren.ClientID%>').disabled = true;}" value="-" style="width: 50px; height: 43px; font-weight: bold; font-size: 20px;" />
                </td>
                <td class="style6">
                    <asp:TextBox ID="ChildCounter" runat="server" Text="0" style="width: 40px; height: 40px; text-align: center; font-size: 18px;"></asp:TextBox>
                </td>
                <td class="style5">
                        <input type="button" onclick="childcounter++;document.getElementById('<%=ChildCounter.ClientID%>').value = childcounter;<% if (driedfilm == true){ %>driedglassescounter++;document.getElementById('<%=drieCounter.ClientID%>').value = driedglassescounter;<% } %>document.getElementById('<%=ButtonDirectKopen.ClientID%>').disabled = false;document.getElementById('<%=ButtonReserveren.ClientID%>').disabled = false;" value="+" style="width: 50px; height: 43px; font-weight: bold; font-size: 20px;" />
                    <br />
                </td>
            </tr>
            <tr>
                <td class="style7" style="font-size: 20px; width: 400px;">
                    50+&#39;ers</td>
                <td class="style8">
                        <input type="button" onclick="if(vijftigpluscounter>0){vijftigpluscounter--;document.getElementById('<%=OldPeopleCounter.ClientID%>').value = vijftigpluscounter;}<% if (driedfilm == true){ %>if(driedglassescounter>(studentcounter+vijftigpluscounter+childcounter+adultcounter)){driedglassescounter--;document.getElementById('<%=drieCounter.ClientID%>').value = driedglassescounter;}<% } %>if(studentcounter+vijftigpluscounter+childcounter+adultcounter<1){document.getElementById('<%=ButtonDirectKopen.ClientID%>').disabled = true;document.getElementById('<%=ButtonReserveren.ClientID%>').disabled = true;}" value="-" style="width: 50px; height: 43px; font-weight: bold; font-size: 20px;" />
                </td>
                <td class="style6">
                    <asp:TextBox ID="OldPeopleCounter" runat="server" Text="0" style="width: 40px; height: 40px; text-align: center; font-size: 18px;"></asp:TextBox>
                </td>
                <td class="style5">
                        <input type="button" onclick="vijftigpluscounter++;document.getElementById('<%=OldPeopleCounter.ClientID%>').value = vijftigpluscounter;<% if (driedfilm == true){ %>driedglassescounter++;document.getElementById('<%=drieCounter.ClientID%>').value = driedglassescounter;<% } %>document.getElementById('<%=ButtonDirectKopen.ClientID%>').disabled = false;document.getElementById('<%=ButtonReserveren.ClientID%>').disabled = false;" value="+" style="width: 50px; height: 43px; font-weight: bold; font-size: 20px;" />
                    <br />
                </td>
            </tr>
            <tr>
                <td class="style7" style="font-size: 20px; width: 400px;">
                    CJP/Studenten</td>
                <td class="style8">
                        <input type="button" onclick="if(studentcounter>0){studentcounter--;document.getElementById('<%=StudentCounter.ClientID%>').value = studentcounter;}<% if (driedfilm == true){ %>if(driedglassescounter>(studentcounter+vijftigpluscounter+childcounter+adultcounter)){driedglassescounter--;document.getElementById('<%=drieCounter.ClientID%>').value = driedglassescounter;}<% } %>if(studentcounter+vijftigpluscounter+childcounter+adultcounter<1){document.getElementById('<%=ButtonDirectKopen.ClientID%>').disabled = true;document.getElementById('<%=ButtonReserveren.ClientID%>').disabled = true;}" value="-" style="width: 50px; height: 43px; font-weight: bold; font-size: 20px;" />
                </td>
                <td class="style6">
                    <asp:TextBox ID="StudentCounter" runat="server" Text="0" style="width: 40px; height: 40px; text-align: center; font-size: 18px;"></asp:TextBox>
                </td>
                <td class="style5">
                        <input type="button" onclick="studentcounter++;document.getElementById('<%=StudentCounter.ClientID%>').value = studentcounter;<% if (driedfilm == true){ %>driedglassescounter++;document.getElementById('<%=drieCounter.ClientID%>').value = driedglassescounter;<% } %>document.getElementById('<%=ButtonDirectKopen.ClientID%>').disabled = false;document.getElementById('<%=ButtonReserveren.ClientID%>').disabled = false;" value="+" style="width: 50px; height: 43px; font-weight: bold; font-size: 20px;" />
                    <br />
                </td>
            </tr>
            <tr>
                <td class="style7">
                    &nbsp;</td>
                <td class="style8">
                    &nbsp;</td>
                <td class="style6">
                    &nbsp;</td>
                <td class="style5">
                    &nbsp;</td>
            </tr>
            <tr>
                <td class="style7" style="font-size: 20px; width: 400px;">
                <% if (driedfilm == true)
                   { %>
                    <asp:Label ID="Label3dText" runat="server" Text="3D Brillen"></asp:Label>
                    <% } %>
                </td>
                <td class="style8">
                        <% if (driedfilm == true)
                           { %>
                        <input type="button" onclick="if(driedglassescounter>0){driedglassescounter--;document.getElementById('<%=drieCounter.ClientID%>').value = driedglassescounter;}" value="-" style="width: 50px; height: 43px; font-weight: bold; font-size: 20px;" />
                        <% } %>
                </td>
                <td class="style6">
                    <% if (driedfilm == true)
                    { %>
                    <asp:TextBox ID="drieCounter" runat="server" Text="0" style="width: 40px; height: 40px; text-align: center; font-size: 18px;"></asp:TextBox>
                    <% } %>
                </td>
                <td class="style5">
                        <% if (driedfilm == true)
                           { %>
                        <input type="button" onclick="if(driedglassescounter<studentcounter+vijftigpluscounter+childcounter+adultcounter){driedglassescounter++;document.getElementById('<%=drieCounter.ClientID%>').value = driedglassescounter;}" value="+" style="width: 50px; height: 43px; font-weight: bold; font-size: 20px;" />
                        <% } %>
                </td>
            </tr>
        </table>    
      <br />
      <br />
     <asp:Button ID="ButtonReserveren" CssClass="buttonone aspNetDisabled KnopVorig" runat= "server"  style=" width: 130px; float:left;" Text="Reserveren" onclick="ButtonReserveren_Click"/>
    <asp:Button ID="ButtonDirectKopen" CssClass="buttonone aspNetDisabled" runat= "server" style=" margin-right:15px; width: 130px;" Text="Direct kopen" onclick="ButtonDirectKopen_Click"/>
      

     </div>
         
    
    </div>

        <div class="col2">
            <asp:Panel ID="Panel_FilmPosterInfo" runat="server">
            </asp:Panel>
        </div>
        
            <div class="clear"></div>

</asp:Content>
